<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML5语义标签</title>
</head>
<body>
    <!-- <header> 标签用于定义文档的页眉部分，包含网站标题和导航菜单。 -->
  <header>
    <h1>我的网站</h1>

    <!-- <nav> 标签用于定义导航菜单。 -->
    <nav>
        <!-- #”是默认当前页面，可以把#换成想跳转的页面。 -->
      <a href="#">主页</a>
      <a href="#">概况</a>
      <a href="#">关于</a>
    </nav>
  </header>

  <!-- <section> 标签用于定义一个页面的节或区段，这里用于描述关于我们的部分 -->
  <section>
    <h2>关于我们</h2>
    <p>欢迎来到我的网站</p>
  </section>

  <!-- <article> 标签用于定义独立的内容区块，显示最新的文章 -->
  <article>
    <h2>最新文章</h2>
    <p>9月23日上午， 九江学院2023年新生军训总结表彰大会暨开学典礼在学校丹枫园南区运动场隆重举行。校党委书记李明斌出席大会，并代表学校向武警九江支队赠送锦旗。校长陈小林致辞，勉励2023级新同学勇担历史重任，锚定奋斗目标，淬炼专注品格。</p>
  </article>

  <!-- <aside> 标签用于定义文档的侧边栏内容，用于显示相关链接 -->
  <aside>
    <h3>相关</h3>
    <ul>
      <li><a href="#">信息</a></li>
      <li><a href="#">办公</a></li>
      <li><a href="#">邮件</a></li>
    </ul>
  </aside>

  <!-- <footer> 标签用于定义文档的页脚部分 -->
  <footer>
    <p>版权所有 © 2021-2022</p>
  </footer>

</body>
</html>